(function login() {
  user = $('[type="text"]')
  pass = $('[type="password"]')
  // console.log(username, password);
  // axios({
  //   method: "POST",
  //   url: 'http://api-breakingnews-web.itheima.net/api/login',
  //   data: {
  //     username: user.val().trim(),
  //     password: pass.val().trim()
  //   }
  // }).then(function (res) {
  //   // console.log(res);
  // })
  $('button').on('click', function (e) {
    e.preventDefault()
    username = $('[type="text"]').val().trim()
    password = $('[type="password"]').val().trim()
    if (username.length === 0 || password.length === 0) {
      return alert('亲~输入的不能为空')
    }
    axios.post("http://api-breakingnews-web.itheima.net/api/login", {
      username,
      password,
      // method: "POST",
      // url: "http://api-breakingnews-web.itheima.net/api/login",
      // data: {
      //   username: username,
      //   password: password,
      // }
    }).then(function (res) {
      console.log(res);
      if (res.data.status === 0) {
        alert('输入成功')
        console.log(444);
      } else if (res.data.status === 1) {
        alert('输入的账号或者密码不正确')
        console.log(555);
      }
      $('[type="text"]').val('')
      $('[type="password"]').val('')
    })
  })
})()
$(function () {
  // 显示注册表单
  $('#showReg').on('click', function () {
    $('.login-form')
      .hide()[0]
      .reset()
    $('.reg-form').show()
  })

  // 显示登录表单
  $('#showLogin').on('click', function () {
    $('.login-form').show()
    $('.reg-form')
      .hide()[0]
      .reset()
  })
  // console.log(a);
  var form = layui.form
  // console.log(form);
  // console.log(layui);
  // 自定义的表单校验规则
  form.verify({
    // 校验两次输入的密码是否一致
    repassword: function (value) {
      var pwd1 = $('#pwd1').val()
      if (pwd1 !== '' && value !== '' && pwd1 !== value) {
        return '两次密码不一致！'
      }
    },
    // 校验密码长度
    pwdLength: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格']
  })

  // 触发注册表单的 submit 事件
  $('.reg-form').on('submit', function (e) {
    // 阻止表单的默认提交行为
    e.preventDefault()
    // 发起请求，注册新用户
    $.post('/api/reguser', $(this).serialize(), function (res) {

      if (res.status !== 0) {
        return layer.msg(res.message)
      }
      layer.msg('注册成功，请登录！')
      // 展示登录表单
      $('#showLogin').click()
    })
  })

  // 触发登录表单的 submit 事件
  $('.login-form').on('submit', function (e) {
    e.preventDefault()
    // 实现登录功能
    $.post('/api/login', $(this).serialize(), function (res) {
      if (res.status !== 0) {
        // 登录失败
        return layer.msg(res.message)
      }
      layer.msg('登录成功！')
      // 将 token 令牌存储到客户端本地
      localStorage.setItem('token', res.token)
      // 跳转到后台主页
      location.href = '/index.html'
    })
  })
})